#{extends 'home.html' /}
#{set title:'Home' /}
    <div class="content_resize">
      <div class="homesanpham">
        <div class="article">
          <h2><span>Đồng Phục</span></h2>
		  <div style="width:960px;margin-left:-5px;#margin-left:-13px;">
            <div id="dListDeal" class="all-content">
                #{list items:dongphucCategories, as:'category'}
                	#{if category_index % 3 == 0}
				     	<div class="small-box-white_right">
				    #{/if}
				    #{else}
				    	<div class="small-box-white">
				    #{/else}
	                    <h3>
	                        <a title="${category.name}" name="${category.name}" href="/sanpham/${category.alias}">${category.name}</a>
	                    </h3>   
	                    <div class="small-box-img">  
	                        <a name="${category.name}" href="/showPicture/${category.imagePath}/332/528" class="jqzoom" rel='gal1' >
	                            <img height="166" width="268" title="${category.name}" alt="${category.name}" src="/showPicture/${category.imagePath}/166/268">
	                            <span class="giaovoucher"></span>
	                        </a>
	                        <i></i>  
	                    </div>
	                    <div class="small-box-text">   
	                        <p>
	                          ${category.description} 
	                        </p>  
	                    </div>
	                    <div class="small-box-button">  
	                       <a href="#" class="rm">Read More</a> 
	                    </div>    
	                    <div class="clear"></div>   
	                </div>
				#{/list}
            </div>
        </div>
        </div>
          <!---end-->
        <div class="article">
          <h2><span>Bảo Hộ Lao Động</span></h2>
           <div style="width:988px;margin-left:-5px;#margin-left:-13px;">
            <div id="dListDeal" class="all-content">
                <!-- Báº£o Vá»‡ Ä�áº§u-->
                 #{list items:bhldCategories, as:'category'}
                	#{if category_index % 3 == 0}
				     	<div class="small-box-white_right">
				    #{/if}
				    #{else}
				    	<div class="small-box-white">
				    #{/else}
                    <h3>
                        <a title="${category.name}" name="${category.name}" href="/sanpham/${category.alias}">${category.name}</a>
                    </h3>   
                    <div class="small-box-img">  
                        <a name="${category.name}" href="/showPicture/${category.imagePath}/332/528" class="jqzoom" rel='gal1' >
                            <img height="166" width="268" title="${category.name}" alt="${category.name}" src="/showPicture/${category.imagePath}/166/268">
                            <span class="giaovoucher"></span>
                        </a>
                        <i></i>  
                    </div>
                    <div class="small-box-text">   
                        <p>
                            ${category.description} 
                        </p>  
                    </div>
                    <div class="small-box-button" style="background:#fff url(@{'/public/images/btn-xem-small.png'}) no-repeat center top;">  
                        <a href="/sanpham/${category.alias}" class="rm">Read More</a>
                    </div>    
                    <div class="clear"></div>   
                </div>  
                #{/list} 
        	</div>
      </div>
     <div class="clr"></div>
    </div>
